@charset "utf-8";
/* 基础样式 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.14 'Microsoft YaHei',sans-serif; outline:0;}
a,a:hover,a:active,a:visited,a:focus{color:#333; text-decoration: none;}
img{ display: block; max-width: 100%; margin: auto;}
body{min-width: 1280px; line-height: 1.75; background: #fff;}
.container{width: 1200px; margin: auto;}
/* 返回顶部 */
#rollTop{position:fixed;z-index:9999;right:10px;bottom:10px;width:40px;height:40px}
#rollTop a{display:inline-block;width:100%;height:100%;background:url(../images/rollTop.png) no-repeat center;background-size:50%}

/* 客服样式 */
#kefu{position:fixed;width:167px;top:20%;z-index:9999;}
.kbtn{width:30px;height:146px;background-repeat:no-repeat;background-position:center 120px;border-radius:5px;font-size:16px;text-align:center;color:#fff;margin-top:120px;cursor:pointer}
.kbtn span{background:url(../images/xrn.png) no-repeat 2px 5px;padding-top:35px;display:block;line-height:18px}
.kren span{display:block;background:url(../images/ren.png) no-repeat 0 0;width:100px;height:100px;border-radius:50%;overflow:hidden;margin:10px auto}
.kbox .con{padding:0 10px;padding-bottom:30px;}
.kbox .con p{text-align:center;line-height:20px;color:#fff;font-size:12px}
.kbox .con p b{font-size:15px}
.kbox .ewm{text-align:center;font-size:14px;padding:10px 0;background:url(../images/line.png) no-repeat top;color:#fff}
.kbox .ewm img{width:110px;height:110px;padding-top:10px}
.lkefu{left:0}
.lkefu .kbtn{float:right;background-image:url(../images/jt.png)}
.lkefu .kbox{width:135px;float:left;position:relative;border-top-right-radius:50px;border-bottom-left-radius:50px;overflow:hidden;float:right;position:relative}
.rkefu{right:0}
.rkefu .kbtn{float:left;background-image:url(../images/jt1.png)}
.rkefu .kbox{width:135px;border-top-left-radius:50px;border-bottom-right-radius:50px;overflow:hidden;float:right;position:relative}

/* 框架样式 */
#header{width:100%;height:auto;}
#banner{width:100%;height:auto;cursor:pointer;position:relative}
#wrapper{width:100%;height:auto;padding:30px 0;overflow:hidden}
.module01,.module02,.module03,.module04{width:100%;height:auto;overflow:hidden;float:left;margin:20px 0}
#footer{width:100%;height:auto;overflow:hidden;float:left;background:#111}

/* 顶部信息 */
.top{width:100%;height:35px;overflow:hidden; background: #00448A;}
.head .container,.search .container,.top .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.top p{font-size:12px;width:100%;color:#fff;line-height:35px}
.top p a{display:block;position:relative;float:right;padding:0 15px; color: #fff;}
.top p a::before{content:'';display:block;width:1px;height:35px;background:#0052a6;position:absolute;right:0;top:0}
.top p span{display:inline-block;height:20px;line-height:20px;padding:0 5px;margin:0 5px;color:#fff}
.top p i{display:block;width:20px;height:36px;float:left}
.top p i.iconinfo{background:url(../images/iconinfo.png) no-repeat left}
.top p i.iconmsg{background:url(../images/iconmsg.png) no-repeat left}
.top p b{ font-size: 18px;}

/* 头部样式 */
.head{width:100%;}
.head .logo{width:100%;display:flex;align-items:center;padding:15px 0}
.head .logo a{display:block;float:left;padding-right:20px;margin-right:20px;border-right:1px solid #ddd}
.head .logo .hd_txt{ padding-right: 15px;}
.head .logo h1{font-size:20px;line-height:30px;}
.head .logo .hd_txt small{font-size:14px; line-height: 16px; display: inline-block;}
.head .tel{width:auto;min-width:225px;line-height:22px;padding-left:55px;background:url(../images/tel.png) no-repeat center left}
.head .tel small{font-size:12px;color:#aaa}
.head .tel a{font-size:30px;font-weight:700;color:#da0000}

/* 顶部导航 */
.nav{position:relative; z-index:999; width:100%;height:100%; min-width: 700px;}
.nav ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.nav ul li{position:static;line-height:100%}
.nav ul > li > a{position:relative; display:inline-block;color:#333;padding:0 20px; width: 100%; height: 60px; text-align: center; line-height: 60px; box-sizing: border-box;}
.nav ul > li:hover > a,.nav ul > li.active > a{ background: #d71205; color:#fff}
.nav ul > li .submenu{position:absolute; width:auto; max-height: 0; overflow:hidden; background:#004dac;padding:0 25px; top:100%;transition:all .5s; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.nav ul > li .submenu a{display:block;font-size:16px;line-height:40px; color: #fff;}
.nav ul > li:hover .submenu{max-height:400px;}
.nav ul > li:hover .submenu a:hover{  text-decoration: underline;}
/* 幻灯大图 */
#banner .swiper-container{margin:0 auto;width:100%;height:auto}
#banner .swiper-slide{position:relative}
#banner .img-fix{overflow:hidden}
#banner .swiper-container img{display:block;width:100%;height:100%}
#banner .bottom-nav{position:absolute;bottom:30px;z-index:10;width:100%;text-align:center}
#banner .swiper-pagination{position:relative;display:inline-block;height:29px;vertical-align:middle}
#banner .swiper-pagination-bullet{position:relative;margin:0 12px;width:12px;height:12px;border-radius:50%;background:#fff;vertical-align:middle;opacity:1}
#banner .swiper-pagination-bullet-active::after{position:absolute;top:-4px;left:-4px;display:block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.5);content:""}

/* 模块一 */
.search{ padding:15px; overflow: hidden; background: #f5f5f5;}
.search form{display: flex; justify-content: center;}
.keywords{ width: 240px; height: 40px; background: #fff; padding: 5px 10px; border:0; float: left;}
.search button{ float: left; border: 0; width: 50px;height: 40px; background: #02639a; color: #fff; text-align: center; line-height: 40px;}



/*首页产品模块*/
.module_product{ width: 100%; height: auto; overflow: hidden; }
.module_product .lbox{ width: 260px; height: auto; float: left;}
.module_product .rbox{ width: 940px; float: left; padding-left:10px; box-sizing: border-box;}
.module_product .lbox .tit{ width: 100%; height: 125px; padding: 15px; box-sizing: border-box; background: url(../images/titbg01.png) no-repeat center #0061c5; text-align: center;}
.module_product .lbox .tit h1{ color: #fff; font-size: 35px;}
.module_product .lbox .tit p{ color: #fff; font-size: 12px;}
.module_product .lbox .menu{ float: left; width: 100%;}
.module_product .lbox .menu .side_nav{ border: 1px solid #ddd; border-top: 0;}
.module_product .lbox .menu .side_nav h3{ position: relative; line-height: 50px; width: 100%; box-sizing: border-box; padding: 0 10px; border-bottom: 1px solid #ddd;}
.module_product .lbox .menu .side_nav h3 a{ display: inline-block; width: 100%; font-size:16px;}
.module_product .lbox .menu .side_nav h3 span{ display: block; text-align: center; font-weight: normal; width: 50px; height: 50px; cursor: pointer; border-left: 1px solid #ddd; position: absolute; right: 0; top: 0;}
.module_product .lbox .menu .side_nav h3 span::before{ content: "+";}
.module_product .lbox .menu .side_nav h3 .add::before{ content: "-";}
.module_product .lbox .menu .side_nav h3 a:hover{ color: #da0000;}
.module_product .lbox .menu .side_nav ul{ width: 100%; height: 0; overflow: hidden;}
.module_product .lbox .menu .side_nav ul.on{ height: auto;}
.module_product .lbox .menu .side_nav ul.on li:last-child{ border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.module_product .lbox .menu .side_nav ul.on li:first-child{margin-top: 15px;}
.module_product .lbox .menu .side_nav ul li{ line-height: 30px; box-sizing: border-box; padding-left: 35px; background: url(../images/dot.png) no-repeat 20px 15px;}
.module_product .lbox .menu .side_nav ul li a{ display: inline-block; width: 100%; font-size: 15px; color: #666;}
.module_product .lbox .menu .side_nav ul li:hover a{ color: #da0000;}
.module_product .lbox .txt{ float: left; color: #fff; padding: 30px; box-sizing: border-box; width: 100%; text-align: center;}
.module_product .lbox .txt h2{ font-size: 30px; line-height: 1.5;}
.module_product .lbox .txt p b{ font-size: 16px;}
.module_product .lbox a.more{ background: #d71205; display: inline-block; width: 100%; padding: 15px 0; color: #fff; text-align: center; margin: 10px 0;}
  
.module_product .rbox li{ width: 25%; float: left; padding-left: 10px; padding-bottom: 10px; box-sizing: border-box;}
.module_product .rbox li a{ display: inline-block; width: 100%; padding: 5px; border: 1px solid #ddd; box-sizing: border-box;}
.module_product .rbox li .img{ position: relative;}
.module_product .rbox li .img::before{ display: block; content: ""; padding-bottom: 75%;}
.module_product .rbox li img{ position: absolute; top: 0; left: 50%; transform: translate( -50%); height: 100%;}
.module_product .rbox li .txt{ line-height: 30px; text-align: center; background: #eee;}

/* 通栏子菜单 */
.module01 .submenu{display:flex;justify-content:space-between;align-items:center;height:auto}
.module01 .submenu .tit a{display:inline-block;text-align:center;font-size:20px;font-weight:700;width:120px;padding:15px;color:#fff}
.module01 .submenu .list{width:100%;padding:15px;background:#fff;line-height:40px;border:1px solid #ddd}
.module01 .submenu .list a{position:relative;display:inline-block;padding:0 25px}
.module01 .submenu .list a::before{position:absolute;left:5px;top:14px;display:block;content:"";width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #aaa}
/* 图片列表 */
.module01 .swiper-slide{margin-top:20px}
.module01 .swiper-slide .img{float:left;overflow:hidden}
.module01 .swiper-slide .img img{display:block;transition:all .5s; width: 100%;}
.module01 .swiper-slide p{float:left;width:100%;position:relative;background:#eee;padding:5px 10px;box-sizing:border-box}
.module01 .swiper-slide p::after{content:"+";position:absolute;right:0;top:0;width:40px;height:100%;display:flex;justify-content:center;align-items:center;background:#ddd;font-size:18px}
.module01 .swiper-slide a:hover p::after{transition:all .5s;color:#fff}
.module01 .swiper-slide a:hover img{transform:scale(1.1)}

/* 模块二 */
.module02{position:relative;background:#eee;padding:30px 0}
.module02::before{display:block;content:"";width:45%;height:100%;position:absolute;top:0;left:0;background:url(../images/about_bg.jpg) no-repeat center}
.module02::after{display:block;content:"";width:45%;height:100%;position:absolute;top:0;left:0;opacity:.9}
.module02 .container{position:relative;z-index:1}
.module02 .box{display:flex;justify-content:space-between;align-items:center}
.module02 .img{width:100%}
.module02 img{display:block}
.module02 .txt{width:100%;padding-left:50px;box-sizing:border-box;text-align:justify;text-justify:inter-ideograph}
.module02 .txt h3{font-size:24px;border-bottom:1px solid #ddd;color:#0061b3;color:var(--color);position:relative}
.module02 .txt h3::before{content:"ABOUT US";display:block;position:absolute;color:#ddd;top:-30px}
.module02 .txt p{color:#666;line-height:30px;padding:20px 0}
.module02 .txt a{display:inline-block;padding:5px 25px;color:#fff}

/* 优势模块 */
.advantage{ width: 100%; padding: 50px 0; height: 880px; box-sizing: border-box; overflow: hidden; float: left; background: url(../images/bg.jpg) no-repeat center;}
.advantage .tit{ text-align: center; padding-bottom: 30px; font-size: 24px; color: #fff;}
.advantage .box{ position: relative;}
.advantage .box .txt{ position: absolute; max-width: 280px; text-align: center;}
.advantage .box .txt h3{ font-size: 18px; font-weight: normal; line-height: 30px; color: #fff;}
.advantage .box .txt p{ font-size: 13px; font-weight: normal; line-height: 24px; color: #fff;}
.advantage .box .txt01{ top: 160px; left: 0;}
.advantage .box .txt02{ top: 160px; right: 0;}
.advantage .box .txt03{ top: 460px; left: 0;}
.advantage .box .txt04{ top: 460px; right: 0;}
.advantage .box .txt05{ top: 580px; left: 600px; text-align: left;}

/* 模块三 */
.module03{ margin:30px 0;}
.module03 .tit{ width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; background: #eee;}
.module03 .tit h3{ font-size: 18px;}
.module03 .tit h3 span{ display: block; padding: 0 30px; float: left; color: #fff;}
.module03 .tit h3 a{ display: block; float: right; font-size: 12px; padding: 0 15px;}
.module03 .swiper-slide a{display:block;position:relative}
.module03 .swiper-slide .img{width:100%;overflow:hidden}
.module03 .swiper-slide p{width:100%;bottom:0;left:0;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;background:rgba(0,0,0,.7);transition:all .5s}
.module03 .swiper-slide a:hover p{height:50%}

/* 模块四 */
.module04{background:url(../images/nbg.jpg) no-repeat center #eee;padding:30px 0;margin-bottom:0}
.module04 .tit{ width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; background: #fff;}
.module04 .tit h3{ font-size: 18px;}
.module04 .tit h3 span{ display: block; padding: 0 30px; float: left; color: #fff;}
.module04 .tit h3 a{ display: block; float: right; font-size: 12px; padding: 0 15px;}
.module04 .box{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.module04 .item{margin:10px 0;width:49%}
.module04 .item a{display:block;display:flex;align-items:center;justify-content:space-between;background:#fff;transition:all .5S}
.module04 .item .img{width:40%;overflow:hidden}
.module04 .item img{transition:all .5s}
.module04 .item .txt{width:60%;padding:15px;box-sizing:border-box}
.module04 .item h3{padding-bottom:10px}
.module04 .item p{font-size:14px;color:#666}
.module04 .item span{font-size:12px;color:#aaa;padding:15px 0}
.module04 .item a:hover img{transform:scale(1.1)}
.module04 .item a:hover H3,.module04 .item a:hover P,.module04 .item a:hover span{color:#fff}

/* 模块五 */
.module05{width:100%;height:auto;padding:50px 0;float:left;background:#fff;position:relative}
.module05::after{content:"";display:block;position:absolute;right:0;top:0;width:50%;height:100%}
.module05 .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:1}
.module05 .lbox,.module05 .rbox{width:48%}
.module05 .lbox{text-align:center}
.module05 .lbox h3,.module05 .rbox h3{position:relative;font-weight:400;font-size:20px;line-height:40px;padding-top:60px;text-align:center}
.module05 .lbox h3::before,.module05 .rbox h3::before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:50%}
.module05 .lbox h3::before{background-image:url(../images/phone.png);background-repeat:no-repeat;background-position:center}
.module05 .lbox h1{text-align:center;font-size:30px;padding-bottom:30px}
.module05 .lbox p{text-align:left;border-left:1px solid #ddd;padding:0 50px}
.module05 .lbox a{display:inline-block;padding:10px 80px;border-radius:30px;margin-top:30px; color:#fff}
.module05 .rbox h3{color:#fff}
.module05 .rbox h3::before{background:url(../images/message.png) no-repeat center #fff}
.module05 .form .item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.module05 input,.module05 textarea{width:100%;border:0;height:40px;line-height:40px;padding:5px 10px;margin:5px}
.module05 input.btn{text-align:center;color:#fff;background:rgba(255,255,255,.2);font-size:18px;cursor:pointer}
.module05 input.btn:hover{background:rgba(255,255,255,.1)}
.module05 textarea{height:100px}

/* 分站样式 */
.area{padding:15px 0;line-height:40px}
.area a{display:inline-block;padding:0 5px}

/* 底部样式 */
#footer .fbox{width:100%; float:left; background:#222;}
#footer .ftop{height:auto;width:100%;color:#fff;background:#111;font-weight:700;font-size:14px;float:left;}
#footer .ftop .container{height:auto;overflow:hidden}
#footer .ftop span{display:block;width:auto;float:left;font-size:18px;font-weight:400;line-height:18px;text-align:right;padding:10px 25px;padding-left:60px;background-image:url(../images/link.png);background-repeat:no-repeat;background-position:15px 10px;background-color:rgba(0,0,0,.3)}
#footer .ftop a{display:inline-block;color:#fff;padding:0 15px;font-weight:400;height:47px;overflow:hidden;line-height:54px}
#footer .lbox{width:100%;padding-top:30px;height:auto;overflow:hidden;float:left}
#footer .lbox .item{padding:0 25px;border-left:1px solid rgba(255,255,255,.1);float:left;min-width:15%}
#footer .lbox .item a{color:#fff}
#footer .lbox .item h3{padding-bottom:15px;font-weight:400}
#footer .lbox .item p{font-size:14px;color:#fff}
#footer .lbox .item p a{color:#fff}
#footer .lbox .item p a:hover{color:#fff}
#footer .item{float:left;color:#fff;}
#footer .item img{max-width:150px; display: inline-block; text-align: left;}

#footer .rbox{ padding:50px 0;float: right;}
#footer .rbox a{ display: inline-block; width: auto; margin: 5px 0; text-align: right;}
#footer .rbox img{ float: right;}

#footer .bbox{width:100%;margin-top:50px;text-align:center;padding:15px 0;font-size:14px;color:#fff;border-top:1px solid rgba(255,255,255,.1);float:left}
#footer .bbox a{color:#fff}

.page02{ background: #fff; float:left; width:100%; text-align:center; padding: 50px 0;}
.page02 .tit h3{ font-size: 30px; font-weight: normal; line-height: 40px;}
.page02 .tit p{ font-size: 14px; color: #666; padding: 15px 150px;}
.page02 .box ul{ display: flex; justify-content: space-between;}
.page02 .box ul li{  width: 32%; overflow: hidden;}
.page02 .box ul li .img{ margin: 15px 0;}
.page02 .box ul li .txt h3{ font-weight: normal; font-size: 20px; padding-bottom: 10px;}
.page02 .box ul li .txt p{ font-size: 12px;line-height: 16px; color: #666;}